@media screen{
body {
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 2px 2px 2px 2px;
	padding: 2px;
	background: #000000 url(../images/bg_body.gif) repeat;
}
	
a {
	color:#0000FF;
	text-decoration:none;
	/*font-weight:bold;*/
	}
	
a:visited {
	color:#0000FF;
	text-decoration: none;
}
a:hover {
	color:#0099FF;
	text-decoration: underline;
}
a:active {
	color: #00CCFF;
	text-decoration: none;
}
/*danh cho table*/
td.odd, .alt1Active
{
	background: #f5f5ff;
	
	color: #000000;
}
td.even, .alt2Active
{
	background: #e1e4f2;
	color: #000000;
}
table.tborder tbody tr:hover td, table.tborder tbody .hover td{  
  	background: #b5370e;
	color: white;
}
/**************new****************************/
div.tableContainer {
	width: 100%;		/* table width will be 99% of this*/
	height: 350px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

.tborder {
	width: 100%;		/*100% of container produces horiz. scroll in Mozilla*/
	/*border: none;*/
	background: #d1d1e1;
	color: #000000;
	border-bottom: 1px solid #6b82ac;
	border-right: 1px solid #6b82ac;
	}
	
.tborder>tbody	{  /* child selector syntax which IE6 and older do not support*/
	/*overflow: auto; */
	height: 250px;
	overflow-x: hidden;
	}
	
thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
	
thead td, thead th {
	background-color:#5c7099;
	color: #ffffff;
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	padding:10px;
	}	
	
td	{
	color: #000;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding:.3em 1em;
	}
	
.tborder tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= 
	  offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }


tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: papayawhip;
	color: steelblue;
	border-top: solid 1px slategray;
	}

td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/

/*****************/
select {
	FONT: 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
input {
	FONT: 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/*Phan danh cho cac button submit*/
/*.button_style{ background:#0035a7; color:#FFFFFF; border:1px solid #c0d8ff; cursor:pointer;  }
.button_style_hover{ background:#0241ca; color:#FFFFFF; border:1px solid #c0d8ff; cursor:pointer;}
*/
.button_style{ cursor:pointer;  }
.button_style_hover{ cursor:pointer;}

.textcenter{
	text-align:center;	
}
.textright{
	text-align:right;	
}
/* Phan danh cho cac button next, back, top, end trong liet ke*/
#replacement_top {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/prev_end.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_back {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/prev.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_next {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/next.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_end {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/next_end.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }

#replacement_top_disabled{
	margin: 0;
      border: 0;
      background: transparent url(../images/prev_end_h.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
}
#replacement_back_disabled {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/prev_h.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_next_disabled {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/next_h.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_end_disabled {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/next_end_h.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }

#replacement_find {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
	  width: 14px;
      height: 20px;
      margin: 0;
      border: 0;
      background: transparent url(../images/find.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_binoculars {
	  width: 14px;
      height: 20px;
      /*padding: 55px 0 0;*/
      margin: 0;
      border: 0;
      background: transparent url(../images/binoculars.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
	  
    }
#replacement_delete {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
	  width: 14px;
      height: 12px;
      margin: 0;
      border: 0;
      background: transparent url(../images/delete.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
#replacement_edit {
/*      width: 100px;
      height: 55px;
      padding: 55px 0 0;*/
	  width: 15px;
      height: 15px;
      margin: 0;
      border: 0;
      background: transparent url(../images/edit.jpg) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }
/*for tooltip */	


.cat-btm_x { 
	background: url(../images/_cat-btm_x.gif) repeat-x top left;
	height:7px;
	width:100%;
	margin: 0; 
	padding: 0;
	}
.cat-btm_lft  { 
	background: url(../images/_cat-btm_lft.gif) no-repeat; 
	height:7px; 
	width:7px;
	margin:0;
	padding: 0;
	float:left; 
	}
.cat-btm_rht {
	background: url(../images/_cat-btm_rht.gif) no-repeat;
	height:7px; 
	width:7px; 
	margin:0; 
	padding:0;
	float:right;
	}
	
div#fixedtable {position: relative;
	padding: 0px;
	z-index: 5;
}

div#normaltable {position: relative;
	margin-left: 10%
}
}	
/*******print******/
@media print{
div.tableContainer {overflow: visible;	}
table>tbody	{overflow: visible; }
td {height: 14pt;} /*adds control for test purposes*/
thead td	{font-size: 11pt;	}

.tborder td {
border-right:solid 1px slategray;
border-bottom:solid 1px slategray;

}
.tborder thead th{
border-top:solid 1px slategray;
border-right:solid 1px slategray;
border-bottom:solid 1px slategray;
}
.tborder{
border-left:solid 1px slategray;
}
tfoot td	{
	text-align: center;
	font-size: 9pt;
	border-bottom: solid 1px slategray;
	}
	
thead	{display: table-header-group;	}
tfoot	{display: table-footer-group;	}
thead th, thead td	{position: static; } 

thead tr	{position: static; } /*prevent problem if print after scrolling table*/ 
table tfoot tr {     position: static;    }
/*========================================*/
.main_Content {
	background-color:#5C7099;
	color:#FFFFFF;
	font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding:2px;
	text-align:center;
	margin-top:0px;
}
.div_Details{
	height:280px;
	width:100%;
	-x-background-x-position:0%;
	-x-background-y-position:0%;
	background-attachment:scroll;
	background:#D1D1E1;			
}

}
